<template>
  <view>
    <view class="main">
      <view class="top">
        <text class="top_text">参观须知</text>
      </view>
      <view class="title">
        <text class="title_text">一、开放时间</text>
      </view>
      <view class="content">
        <text class="content_text">
          1、每周三、周六(10:00-17:00)为科技馆固定开放时间;<br />
          2、固定节假日及寒暑假或疫情管控等不可抗力因素导致的开馆时间
          另行在“袁隆平杂交水稻科学园”公众号上进行公告；<br />
          3、团体参加请提前预约后参观，预约电话:稻子老师18282678000、
          苗苗老师18780583050。
        </text>
      </view>

      <view class="title">
        <text class="title_text">二、开放方式</text>
      </view>
      <view class="content">
        <text class="content_text">
          1、固定时间对个人免费开放;<br />
          2、如需讲解服务，可进行预约，预约电话:稻子老师18282678000、
          苗苗老师18780583050。
        </text>
      </view>

      <view class="title">
        <text class="title_text">三、注意事项</text>
      </view>
      <view class="content">
        <text class="content_text">
          1、本场馆为公益性场馆，对个人免费开放，未经许可严禁任何单位
          和个人在科技馆内从事营利性商业活动，一经发现，即刻劝离科技馆。<br />
          2、严禁携带易燃易爆品、危险品进入展馆;禁止在展馆内吸烟或使用
          明火。<br />
          3、衣冠不整者谢绝入馆:楚止携带宠物入馆。<br />
          4、幼儿、高龄老人、行动不便者请在监护人陪伴下入馆。<br />
          5、携带饮料、食品、金属物件、颜料、伞具等入关前请自行处理，不
          得携带入馆。<br />
          6、爱护公共设施，不得随意触摸展品，互动项目参观，请按照本馆工
          作人员的要求进行操作，如损坏公物或展品，本馆有权要求损坏物品
          者作出相应赔偿。<br />
          7、请配合保持安静和馆内清洁卫生。<br />
          8、参观过程中，请听从本馆工作人员的安排，有序参观;如有特殊情
          况，可寻求本馆工作人员的指导和帮助。
        </text>
      </view>

    </view>
    <checkbox-group @change="change">
      <label>
        <checkbox value="cb" id="agree" />
        <text class="know">我已阅读并接受预约须知</text>
      </label>
    </checkbox-group>
    <button @click="btn()" class="btn"  id="see" :disabled="disabled">
      <text class="word">预约参观</text></button>
  </view>

</template>

<script setup>
import {ref} from 'vue'
const disabled = ref(true)

  const change = (obj)=>{
    disabled.value = !disabled.value
  }
   function btn(){
     uni.navigateTo({
       url: '/pages/apointment/timeSelect'
     })
   }
</script>

<style scoped>
	.main {
		background-image: url('../../static/notes.png');
		width: 100%;

		background-size: cover;
		margin: 12px;
	}

	.top {
		text-align: center;
		padding-top: 23px;
	}

	.top_text {
		font-family: PingFangSC-Medium;
		font-weight: 600;
		font-size: 18px;
		color: #000000;
		letter-spacing: 0;
	}

	.title {
		padding: 7px 11px;
	}

	.title_text {
		color: #000000;
		font-size: 14px;
		font-face: PingFangSC;
		font-weight: 600;
		line-height: 21px;
		letter-spacing: 0;
		paragraph-spacing: 0;
		text-align: left;
	}

	.content {
		padding: 0px 27px;
	}

	.content_text {
		color: #393939;
		font-size: 10px;
		font-face: PingFangSC;
		font-weight: 400;
		line-height: 21px;
		letter-spacing: 0;
		paragraph-spacing: 0;
		text-align: left;
	}
  .btn{
    //width: 351px;
    height: 45px;
    background: #8DCB6D;
    border-radius: 25px;
    margin: 30px;
  }
  .word{
    width: 68px;
    height: 24px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 17px;
    color: #FFFFFF;
    letter-spacing: 0;
  }
  .know{
    font-size: 12px;
  }
  uni-radio-input{

  }
</style>